<!--
 * @Author: jyq
 * @Date: 2022-12-31 12:08:42
 * @LastEditTime: 2023-01-01 12:21:31
 * @LastEditors: jyq
 * @Description: 
 * @FilePath: \dcollege\src\views\personal\mystatus.vue
 * 可以输入预定的版权声明、个性签名、空行等
-->
<template>
    <div class="main">
        <div class="bar">
            <var-app-bar color="white" text-color="black"  title-position="center" title="选择状态" >
            <template #left>
            <var-button
            color="transparent"
            text-color="black"
            round
            text
            >
            <var-icon name="chevron-left" size="40" />
            </var-button>
            </template>
            </var-app-bar>  
            </div> 
        <div class="content">
            <div class="list">
            <p>+自定义状态</p>
            </div>
            <div class="list">
            <p>
                <svg t="1672546463789" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1285" width="17" height="17"><path d="M512.733284 147.039407c147.377077 0 266.754498 113.901768 266.754497 254.523442v24.843738c0 140.622673-119.376421 254.528437-266.754497 254.528437S245.979785 567.02926 245.979785 426.406587v-24.843738c0-140.621674 119.376421-254.523442 266.753499-254.523442z m0 0" fill="#FBE6CE" p-id="1286"></path><path d="M827.634763 308.286939c0-140.157128-135.097069-291.558275-263.807376-307.964254h-99.72661c-147.383071 0-261.354771 147.185264-261.354771 287.336398 0 0 2.946123 32.345413-0.489522 19.686775 18.665772 72.658045 5.399727 50.623563 59.930474 32.812956 43.723301-14.060269 114.957737 29.533159 177.839329 24.375196 43.231781-3.279797 117.901861-33.2805 156.22144-51.093105 32.424336 21.095399 92.356808 57.655696 123.800101 56.718611 71.234435-2.814252 107.586935-61.872578 107.586935-61.872577z m0 0" fill="#2A4259" p-id="1287"></path><path d="M244.009709 474.220894c-37.333541 0-67.300277-25.312281-67.300277-56.251068 0-30.933791 29.966736-56.715614 67.300277-56.715613m539.900753 0.468542c35.862978 0 64.847672 25.312281 64.847673 56.715614 0 31.407329-55.020269 56.251067-64.847673 56.251067" fill="#FBE6CE" p-id="1288"></path><path d="M407.601951 387.035036c17.685729 0 32.425335 14.05927 32.425335 30.933791s-14.738607 30.938786-32.425335 30.938787c-17.680734 0-32.421339-13.594724-32.421338-30.938787 0-16.874521 14.24409-30.933791 32.421338-30.933791z m0 0M622.334252 389.59054c17.685729 0 32.426334 14.058271 32.426333 30.933792s-14.740605 30.938786-32.426333 30.938786c-17.679735 0-32.42034-13.594724-32.42034-30.938786 0-16.87552 14.245089-30.933791 32.42034-30.933792z m0 0" fill="#002428" p-id="1289"></path><path d="M69.250373 986.838291H374.35442C499.461245 1006.627965 474.471649 1024 513.157869 1024c38.630275 0 12.68761-15.32903 138.802451-37.161709h305.109042c50.72846 1.395637 50.72846 1.395637 50.72846-28.860816V525.067239c0-28.861815 0-28.861815-32.536226-28.861815H589.104702l-75.946833 43.203809-75.944835-43.203809H54.469807c-35.804035 0-35.804035 0-35.804035 26.758869v437.115129c0 26.110501 0 26.110501 50.584601 26.758869z" fill="#60B4E1" p-id="1290"></path><path d="M526.424913 977.721194V587.637136c0-6.613541-2.702361-11.977303-6.038103-11.977304H506.075785c-3.332745 0-6.036105 5.363762-6.036105 11.977304v390.084058" fill="#2D7BC0" p-id="1291"></path><path d="M883.297405 601.341752c0 6.772386-5.75538 12.262025-12.852449 12.262026H647.678501c-7.097069 0-12.850451-5.489639-12.85045-12.262026v-6.374774c0-6.772386 5.75438-12.263024 12.85045-12.263025h222.766455c7.097069 0 12.852449 5.490638 12.852449 12.263025v6.374774zM774.057085 692.277947c0 6.772386-5.75538 12.263024-12.853448 12.263025H647.678501c-7.097069 0-12.850451-5.490638-12.85045-12.263025v-9.428792c0-6.771387 5.75438-12.262025 12.85045-12.262025h113.525136c7.098068 0 12.853448 5.490638 12.853448 12.262025v9.428792zM883.297405 805.476402c0 6.771387-5.75538 12.262025-12.852449 12.262025H647.678501c-7.097069 0-12.850451-5.490638-12.85045-12.262025v-8.176016c0-6.771387 5.75438-12.262025 12.85045-12.262025h222.766455c7.097069 0 12.852449 5.490638 12.852449 12.262025v8.176016z" fill="#F7F8FA" p-id="1292"></path></svg>
                努力学习中
            </p>
            </div>
            <div class="list">
            <p>
                <svg t="1672546547480" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1441" width="17" height="17"><path d="M891.6 475.9c-0.3-0.4-0.4-0.8-0.8-1.2l-34.1-34.1 0.3-0.3-67.7-67.7-0.3 0.3-135.8-135.8 0.3-0.3-67.9-67.9-0.5 0.5-67.8-67.8c-9.4-9.4-21.6-14.1-33.9-14.1s-24.6 4.7-33.9 14.1c-18.7 18.7-18.7 49 0 67.8l-162 161.8c-5.3 5.3-9.1 11.5-11.5 18.7L181.4 634c-2.4 6.7-6.2 13.4-11.5 18.7l-25.9 26c-18.7 18.7-18.7 49 0 67.7l32.7 32.7c0.8 0.8 0.8 2 0 2.8l-77.3 76.8c-18.7 18.7-18.7 49.4 0 68.2 9.6 9.1 21.6 13.9 34.1 13.9 12 0 24.5-4.8 33.6-13.9l77.3-77.3c0.8-0.8 2.1-0.8 2.8 0l32.7 32.7c9.1 9.1 21.6 13.9 33.6 13.9 12.5 0 25-4.8 34.1-13.9l25.9-25.9c5.3-5.3 12-9.1 18.7-11.5l284.1-94.5c7.2-2.4 13.4-6.7 18.7-12L856.8 577c9.3 9.3 21.6 14 33.8 14s24.3-4.6 33.7-13.8c19-18.7 18.5-49.9-0.3-68.7l-32.4-32.6z m-312.3 18.9h-26.6c-1.4 0-2.3 1.3-1.9 2.6l26.1 78.2c4.9 14.6 2.4 30.8-6.6 43.3s-23.5 19.9-38.9 19.9h-96c-26.5 0-48-21.5-48-48s21.5-48 48-48H462c1.4 0 2.3-1.3 1.9-2.6L437.8 462c-4.9-14.6-2.4-30.8 6.6-43.3s23.5-19.9 38.9-19.9h96c26.5 0 48 21.5 48 48s-21.5 48-48 48z" fill="#1296db" p-id="1442"></path><path d="M924.4 305.3c-9.1-9.6-21.6-13.9-33.6-13.9-12.5 0-25 4.3-34.1 13.9l-32 32c-0.8 0.8-0.8 2 0 2.8l64.8 64.8c0.8 0.8 2 0.8 2.8 0l32-32c18.8-18.7 18.8-48.9 0.1-67.6zM686.8 87.4c-12 0-24.5 4.8-33.6 14.4L621 133.7c-0.8 0.8-0.8 2 0 2.8l65 65c0.8 0.8 2 0.8 2.8 0l32-32c18.7-18.7 18.7-49 0-67.7-9.5-9.6-21.5-14.4-34-14.4z" fill="#f4ea2a" p-id="1443" data-spm-anchor-id="a313x.7781069.0.i2" class="selected"></path></svg>
                本人正在充电
            </p>
            </div>
            <div class="list">
            <p>
                <svg t="1672546609593" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1734" width="17" height="17"><path d="M512 512m-332.8 0a332.8 332.8 0 1 0 665.6 0 332.8 332.8 0 1 0-665.6 0Z" fill="#FC9709" p-id="1735"></path><path d="M583.9872 173.312c-15.4112-3.328-25.2928-18.688-21.9648-34.0992l20.4288-94.3616c3.328-15.4112 18.688-25.2928 34.0992-21.9648 15.4112 3.328 25.2928 18.688 21.9648 34.0992l-20.4288 94.3616c-3.328 15.4112-18.688 25.2928-34.0992 21.9648zM371.1488 195.6864c-14.4384 6.3488-31.4368-0.256-37.7856-14.6432l-38.912-88.3712c-6.3488-14.4384 0.256-31.4368 14.6432-37.7856 14.4384-6.3488 31.4368 0.256 37.7856 14.6432l38.9632 88.3712c6.3488 14.4384-0.256 31.4368-14.6944 37.7856zM212.1216 338.8928c-7.936 13.6192-25.5488 18.2784-39.2192 10.3424l-83.456-48.5888c-13.6192-7.936-18.2784-25.5488-10.3424-39.2192 7.936-13.6192 25.5488-18.2784 39.2192-10.3424l83.456 48.5888c13.6192 7.936 18.2784 25.5488 10.3424 39.2192zM167.6288 548.1984c1.5872 15.6672-9.9328 29.7984-25.6512 31.3856l-96.0512 9.728c-15.6672 1.5872-29.7984-9.9328-31.3856-25.6512-1.5872-15.6672 9.9328-29.7984 25.6512-31.3856l96.0512-9.728c15.6672-1.5872 29.7984 9.984 31.3856 25.6512zM254.6688 743.68c10.496 11.776 9.472 29.952-2.2528 40.4992l-71.9872 64.3584c-11.776 10.496-29.952 9.472-40.4992-2.2528-10.496-11.776-9.472-29.952 2.2528-40.4992l71.9872-64.3584c11.776-10.496 30.0032-9.472 40.4992 2.2528zM440.0128 850.688c15.4112 3.328 25.2928 18.688 21.9648 34.0992l-20.4288 94.3616c-3.328 15.4112-18.688 25.2928-34.0992 21.9648-15.4112-3.328-25.2928-18.688-21.9648-34.0992l20.4288-94.3616c3.328-15.4112 18.688-25.2928 34.0992-21.9648zM652.8512 828.3136c14.4384-6.3488 31.4368 0.256 37.7856 14.6432l38.9632 88.3712c6.3488 14.4384-0.256 31.4368-14.6432 37.7856-14.4384 6.3488-31.4368-0.256-37.7856-14.6432l-38.9632-88.3712c-6.4-14.4384 0.2048-31.4368 14.6432-37.7856zM811.8784 685.1072c7.936-13.6192 25.5488-18.2784 39.2192-10.3424l83.456 48.5888c13.6192 7.936 18.2784 25.5488 10.3424 39.2192-7.936 13.6192-25.5488 18.2784-39.2192 10.3424l-83.456-48.5888c-13.6192-7.936-18.2784-25.5488-10.3424-39.2192zM856.3712 475.8016c-1.5872-15.6672 9.9328-29.7984 25.6512-31.3856l96.0512-9.728c15.6672-1.5872 29.7984 9.9328 31.3856 25.6512 1.5872 15.6672-9.9328 29.7984-25.6512 31.3856l-96.0512 9.728c-15.6672 1.5872-29.7984-9.984-31.3856-25.6512zM769.3312 280.32c-10.496-11.776-9.472-29.952 2.2528-40.4992l71.9872-64.3584c11.776-10.496 29.952-9.472 40.4992 2.2528 10.496 11.776 9.472 29.952-2.2528 40.4992l-71.9872 64.3584c-11.776 10.496-30.0032 9.472-40.4992-2.2528z" fill="#FC9709" p-id="1736"></path></svg>
                早睡早起
            </p>
            </div>
            <div class="list">
            <p>
                <svg t="1672546702270" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1935" width="17" height="17"><path d="M554.84811 298.412549h-85.226521a21.366313 21.366313 0 0 1 0-42.732626h85.226521a21.366313 21.366313 0 0 1 0 42.732626z" fill="#F6BB42" p-id="1936"></path><path d="M810.527675 724.664522A511.59786 511.59786 0 0 1 331.993886 33.064429 511.35913 511.35913 0 1 0 990.768638 692.316641a509.449292 509.449292 0 0 1-180.240963 32.347881z" fill="#FFCE54" p-id="1937"></path><path d="M554.84811 980.344087a511.35913 511.35913 0 0 1-381.967604-850.832838 511.239765 511.239765 0 1 0 721.441312 721.799407A509.329927 509.329927 0 0 1 554.84811 980.344087z" fill="#F6BB42" p-id="1938"></path><path d="M767.914414 277.284966a21.366313 21.366313 0 1 1-21.366313-21.366313 21.366313 21.366313 0 0 1 21.366313 21.366313z" fill="#4A89DC" p-id="1939"></path><path d="M661.440945 490.35127a21.366313 21.366313 0 1 1-21.366313-21.366313 21.366313 21.366313 0 0 1 21.366313 21.366313z" fill="#48CFAD" p-id="1940"></path><path d="M1023.593979 234.31361a21.366313 21.366313 0 1 1-21.366313-21.246948 21.366313 21.366313 0 0 1 21.366313 21.246948z" fill="#ED5564" p-id="1941"></path><path d="M640.074632 21.247306A21.366313 21.366313 0 1 1 618.827684 0.000358a21.366313 21.366313 0 0 1 21.246948 21.246948z" fill="#AC92EB" p-id="1942"></path><path d="M512.234849 192.058444a21.366313 21.366313 0 0 0-21.246948 21.366313v127.720418a21.366313 21.366313 0 1 0 42.613261 0v-127.720418a21.366313 21.366313 0 0 0-21.366313-21.366313z" fill="#FFCE54" p-id="1943"></path><path d="M874.387884 426.371696a21.366313 21.366313 0 0 0-21.246948 21.366313v127.839783a21.366313 21.366313 0 0 0 42.613261 0V447.738009a21.366313 21.366313 0 0 0-21.366313-21.366313z" fill="#F6BB42" p-id="1944"></path><path d="M917.001145 532.964531H831.774623a21.366313 21.366313 0 0 1 0-42.613261h85.226522a21.366313 21.366313 0 1 1 0 42.613261z" fill="#FFCE54" p-id="1945"></path></svg>                勿扰
            </p>
            </div>
            <div class="list">
            <p>
                <svg t="1672546463789" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1285" width="17" height="17"><path d="M512.733284 147.039407c147.377077 0 266.754498 113.901768 266.754497 254.523442v24.843738c0 140.622673-119.376421 254.528437-266.754497 254.528437S245.979785 567.02926 245.979785 426.406587v-24.843738c0-140.621674 119.376421-254.523442 266.753499-254.523442z m0 0" fill="#FBE6CE" p-id="1286"></path><path d="M827.634763 308.286939c0-140.157128-135.097069-291.558275-263.807376-307.964254h-99.72661c-147.383071 0-261.354771 147.185264-261.354771 287.336398 0 0 2.946123 32.345413-0.489522 19.686775 18.665772 72.658045 5.399727 50.623563 59.930474 32.812956 43.723301-14.060269 114.957737 29.533159 177.839329 24.375196 43.231781-3.279797 117.901861-33.2805 156.22144-51.093105 32.424336 21.095399 92.356808 57.655696 123.800101 56.718611 71.234435-2.814252 107.586935-61.872578 107.586935-61.872577z m0 0" fill="#2A4259" p-id="1287"></path><path d="M244.009709 474.220894c-37.333541 0-67.300277-25.312281-67.300277-56.251068 0-30.933791 29.966736-56.715614 67.300277-56.715613m539.900753 0.468542c35.862978 0 64.847672 25.312281 64.847673 56.715614 0 31.407329-55.020269 56.251067-64.847673 56.251067" fill="#FBE6CE" p-id="1288"></path><path d="M407.601951 387.035036c17.685729 0 32.425335 14.05927 32.425335 30.933791s-14.738607 30.938786-32.425335 30.938787c-17.680734 0-32.421339-13.594724-32.421338-30.938787 0-16.874521 14.24409-30.933791 32.421338-30.933791z m0 0M622.334252 389.59054c17.685729 0 32.426334 14.058271 32.426333 30.933792s-14.740605 30.938786-32.426333 30.938786c-17.679735 0-32.42034-13.594724-32.42034-30.938786 0-16.87552 14.245089-30.933791 32.42034-30.933792z m0 0" fill="#002428" p-id="1289"></path><path d="M69.250373 986.838291H374.35442C499.461245 1006.627965 474.471649 1024 513.157869 1024c38.630275 0 12.68761-15.32903 138.802451-37.161709h305.109042c50.72846 1.395637 50.72846 1.395637 50.72846-28.860816V525.067239c0-28.861815 0-28.861815-32.536226-28.861815H589.104702l-75.946833 43.203809-75.944835-43.203809H54.469807c-35.804035 0-35.804035 0-35.804035 26.758869v437.115129c0 26.110501 0 26.110501 50.584601 26.758869z" fill="#60B4E1" p-id="1290"></path><path d="M526.424913 977.721194V587.637136c0-6.613541-2.702361-11.977303-6.038103-11.977304H506.075785c-3.332745 0-6.036105 5.363762-6.036105 11.977304v390.084058" fill="#2D7BC0" p-id="1291"></path><path d="M883.297405 601.341752c0 6.772386-5.75538 12.262025-12.852449 12.262026H647.678501c-7.097069 0-12.850451-5.489639-12.85045-12.262026v-6.374774c0-6.772386 5.75438-12.263024 12.85045-12.263025h222.766455c7.097069 0 12.852449 5.490638 12.852449 12.263025v6.374774zM774.057085 692.277947c0 6.772386-5.75538 12.263024-12.853448 12.263025H647.678501c-7.097069 0-12.850451-5.490638-12.85045-12.263025v-9.428792c0-6.771387 5.75438-12.262025 12.85045-12.262025h113.525136c7.098068 0 12.853448 5.490638 12.853448 12.262025v9.428792zM883.297405 805.476402c0 6.771387-5.75538 12.262025-12.852449 12.262025H647.678501c-7.097069 0-12.850451-5.490638-12.85045-12.262025v-8.176016c0-6.771387 5.75438-12.262025 12.85045-12.262025h222.766455c7.097069 0 12.852449 5.490638 12.852449 12.262025v8.176016z" fill="#F7F8FA" p-id="1292"></path></svg>
                努力学习中
            </p>
            </div>
            <div class="list">
            <p>
                <svg t="1672546463789" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1285" width="17" height="17"><path d="M512.733284 147.039407c147.377077 0 266.754498 113.901768 266.754497 254.523442v24.843738c0 140.622673-119.376421 254.528437-266.754497 254.528437S245.979785 567.02926 245.979785 426.406587v-24.843738c0-140.621674 119.376421-254.523442 266.753499-254.523442z m0 0" fill="#FBE6CE" p-id="1286"></path><path d="M827.634763 308.286939c0-140.157128-135.097069-291.558275-263.807376-307.964254h-99.72661c-147.383071 0-261.354771 147.185264-261.354771 287.336398 0 0 2.946123 32.345413-0.489522 19.686775 18.665772 72.658045 5.399727 50.623563 59.930474 32.812956 43.723301-14.060269 114.957737 29.533159 177.839329 24.375196 43.231781-3.279797 117.901861-33.2805 156.22144-51.093105 32.424336 21.095399 92.356808 57.655696 123.800101 56.718611 71.234435-2.814252 107.586935-61.872578 107.586935-61.872577z m0 0" fill="#2A4259" p-id="1287"></path><path d="M244.009709 474.220894c-37.333541 0-67.300277-25.312281-67.300277-56.251068 0-30.933791 29.966736-56.715614 67.300277-56.715613m539.900753 0.468542c35.862978 0 64.847672 25.312281 64.847673 56.715614 0 31.407329-55.020269 56.251067-64.847673 56.251067" fill="#FBE6CE" p-id="1288"></path><path d="M407.601951 387.035036c17.685729 0 32.425335 14.05927 32.425335 30.933791s-14.738607 30.938786-32.425335 30.938787c-17.680734 0-32.421339-13.594724-32.421338-30.938787 0-16.874521 14.24409-30.933791 32.421338-30.933791z m0 0M622.334252 389.59054c17.685729 0 32.426334 14.058271 32.426333 30.933792s-14.740605 30.938786-32.426333 30.938786c-17.679735 0-32.42034-13.594724-32.42034-30.938786 0-16.87552 14.245089-30.933791 32.42034-30.933792z m0 0" fill="#002428" p-id="1289"></path><path d="M69.250373 986.838291H374.35442C499.461245 1006.627965 474.471649 1024 513.157869 1024c38.630275 0 12.68761-15.32903 138.802451-37.161709h305.109042c50.72846 1.395637 50.72846 1.395637 50.72846-28.860816V525.067239c0-28.861815 0-28.861815-32.536226-28.861815H589.104702l-75.946833 43.203809-75.944835-43.203809H54.469807c-35.804035 0-35.804035 0-35.804035 26.758869v437.115129c0 26.110501 0 26.110501 50.584601 26.758869z" fill="#60B4E1" p-id="1290"></path><path d="M526.424913 977.721194V587.637136c0-6.613541-2.702361-11.977303-6.038103-11.977304H506.075785c-3.332745 0-6.036105 5.363762-6.036105 11.977304v390.084058" fill="#2D7BC0" p-id="1291"></path><path d="M883.297405 601.341752c0 6.772386-5.75538 12.262025-12.852449 12.262026H647.678501c-7.097069 0-12.850451-5.489639-12.85045-12.262026v-6.374774c0-6.772386 5.75438-12.263024 12.85045-12.263025h222.766455c7.097069 0 12.852449 5.490638 12.852449 12.263025v6.374774zM774.057085 692.277947c0 6.772386-5.75538 12.263024-12.853448 12.263025H647.678501c-7.097069 0-12.850451-5.490638-12.85045-12.263025v-9.428792c0-6.771387 5.75438-12.262025 12.85045-12.262025h113.525136c7.098068 0 12.853448 5.490638 12.853448 12.262025v9.428792zM883.297405 805.476402c0 6.771387-5.75538 12.262025-12.852449 12.262025H647.678501c-7.097069 0-12.850451-5.490638-12.85045-12.262025v-8.176016c0-6.771387 5.75438-12.262025 12.85045-12.262025h222.766455c7.097069 0 12.852449 5.490638 12.852449 12.262025v8.176016z" fill="#F7F8FA" p-id="1292"></path></svg>
                今天做实验
            </p>
            </div>
        </div>    
    </div>
     
      
</template>

<style lang="less" scoped>

.main{
    background-color: #fff;
    height: 100vh;
    .content{
        margin-top: 20px;
        margin-left: 5px;
        margin-right: 12px;
        .list{
            background-color:  rgb(244,245,249);
            width: 165px;
            height: 85px;
            float: left;
            margin-left: 15px;
            margin-top: 15px;
            border-radius: 0px 20px 20px 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            p{
                font-size: 16px;
                color: #000;
                line-height: 0%;
            }
        }
    }
}
</style>